
<template>
  <div class="wrapper">
    <!-- 底部菜单部分 -->
    <ul class="footer">
      <li>
        <div><font-awesome-icon :icon="['fas', 'home']" /></div>
        <p>首页</p>
      </li>
      <li>
        <div><font-awesome-icon :icon="['far', 'compass']" /></div>
        <p>发现</p>
      </li>
      <li>
        <div><font-awesome-icon :icon="['far', 'file-alt']" /></div>
        <p>订单</p>
      </li>
      <li>
        <div><font-awesome-icon :icon="['far', 'user']" /></div>
        <p>我的</p>
      </li>
    </ul>
  </div>
</template>

<script setup>

</script>

<style scoped lang="css">
@import "../../src/css/Footer.css";
@import "../../src/css/reset.css";

</style>
